<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    span { 
        background-color: red;
        width: 100px;
        display: inline-block;
    }

    table{
        background-color: red; 
        width: 400px;
    }

    </style>
</head>
<body>
    <h1> 行内元素 inline  不能设置宽高</h1>
    a,img,span,input,button,b, label ,select
    <a href="#">百度</a>
    <a href="#">谷歌</a>
    <a href="#">必应</a>

    <img src="#" >
    <img src="#" >

    <span>德玛</span>
    <span>剑圣</span>

    <input type="text">
    <input type="text">

    <button>1</button>
    <button>2</button>

    <b>hello</b>
    <b>world</b>
    
    <label for="">111</label>
    <label for="">2222</label>

    <select>
        <option value="">湖南</option>
        <option value="">广西</option>
    </select>
    <select>
        <option value="">湖南</option>
        <option value="">广西</option>
    </select>

    <h1> 块元素  block </h1>
    div, p , table, h1-h6, form ,hr ,ul ,li ,textarea

    <table border="1" width="150">
        <tr>
            <td>1</td><td>2</td>
        </tr>
    </table>
    <table border="1" width="150">
        <tr>
            <td>1</td><td>2</td>
        </tr>
    </table>
</body>
</html>